<template>
	<view class="body">
		<!-- 搜索组件 -->
		<return-search @searchResult="getData" placeholder="搜索我的商品"></return-search>
		<view>
			<nav-list :navList="navList" :active="active" @clickIndex="getClickIndexHandle"></nav-list>
		</view>
		<!-- 全部商品 -->
		<scroll-view scroll-y enhanced refresher-enabled @scrolltolower="groundingHandle"
			@refresherrefresh="refresherrefreshHandle" :refresher-triggered="pullDownState" :show-scrollbar="false"
			lower-threshold="1000" class="allGoodsBox" :style="{height:contentHeight + 'px'}">
			<view>
				<view class="allGoodsBoxItem">
					<goods-item></goods-item>
				</view>
				<view class="allGoodsBoxItem">
					<goods-item></goods-item>
				</view>
				<view class="allGoodsBoxItem">
					<goods-item></goods-item>
				</view>
				<view class="allGoodsBoxItem">
					<goods-item></goods-item>
				</view>
				<view class="allGoodsBoxItem">
					<goods-item></goods-item>
				</view>
				<view class="allGoodsBoxItem">
					<goods-item></goods-item>
				</view>
				<view class="allGoodsBoxItem">
					<goods-item></goods-item>
				</view>
				<view class="allGoodsBoxItem">
					<goods-item></goods-item>
				</view>
			</view>
		</scroll-view>
	</view>
</template>

<script>
	import {
		capsuleTopHeight
	} from "../../mixins/mixins.js"
	export default {
		mixins: [capsuleTopHeight],
		data() {
			return {
				// 导航栏
				navList: [{
					text: "全部物品",
					id: '01'
				}, {
					text: "在售物品",
					id: '02'
				}, {
					text: "下架物品",
					id: '03'
				}],
				// 导航栏选中项
				active: 0,
				// 下拉内容框高度
				contentHeight: '',

				// 当前刷新状态
				pullDownState: false,
				// 请求节流阀
				requestState: false,
				// 搜索状态
				searchState: false,
				// 分页加载状态
				pagingState: false,
				// 是否为搜索的数据
				searchDataState: false,

				// 全部商品
				allGoods: {
					// 全部商品当前请求的页数
					allGoodsPageNumber: 1,
					// 全部商品总分页数
					allGoodsTotalPageNumber: 0,
					// 全部商品总数据
					allGoodsTotalCount: 0,
					// 全部商品每页请求的数量
					allGoodsPageSize: 0,
					// 全部商品列表
					allGoodsList: []
				},

				// 在售商品
				saleGoods: {
					// 在售商品当前请求的页数
					saleGoodsPageNumber: 1,
					// 在售商品总分页数
					saleGoodsTotalPageNumber: 0,
					// 在售商品总数据
					saleGoodsTotalCount: 0,
					// 在售商品每页请求的数量
					saleGoodsPageSize: 0,
					// 在售商品列表
					saleGoodsList: [],
				},

				// 下架商品
				downGoods: {
					// 下架商品当前请求的页数
					downGoodsPageNumber: 1,
					// 下架商品总分页数
					downGoodsTotalPageNumber: 0,
					// 下架商品总数据
					downGoodsTotalCount: 0,
					// 下架商品每页请求的数量
					downGoodsPageSize: 0,
					// 下架商品列表
					downGoodsList: [],
				}
			};
		},
		created() {
			const wxWindowHeight = uni.getSystemInfoSync().windowHeight
			this.contentHeight = wxWindowHeight - this.capsuleHeight - this.capsuleTop - 66
		},
		methods: {
			// 根据参数模糊查询商品列表
			getData(query) {
				console.log(query)
			},
			// 导航栏点击
			getClickIndexHandle(index) {
				this.active = index
			},
			// 分页加载
			groundingHandle(){
				
			},
			// 下拉刷新
			refresherrefreshHandle(){
				
			}
		}
	}
</script>

<style lang="scss" scoped>
	// 整个大背景，最小高度为整个屏幕
	.body {
		width: 100%;
		min-height: 100vh;
		background: #eef2f4;
		
		.allGoodsBox{
			margin-top: 32upx;
			
			.allGoodsBoxItem{
				margin: 0upx 32upx 32upx 32upx;
			}
		}
	}
</style>
